<template>
    <div class="cate-container">
        <div class="cate-left">
                    <ul>
                        <li class="now"><router-link to="/cate/nz">女士馆</router-link></li>
                        <li><a href="">女士馆</a></li>
                        <li><a href="">女士馆</a></li>
                        <li><a href="">女士馆</a></li>
                        <li><a href="">女士馆</a></li>
                        <li><a href="">女士馆</a></li>
                        <li><a href="">女士馆</a></li>
                        <li><a href="">女士馆</a></li>
                        <li><a href="">女士馆</a></li>
                        <li><a href="">女士馆</a></li>
                        <li><a href="">女士馆</a></li>
                        <li><a href="">女士馆</a></li>
                        <li><a href="">女士馆</a></li>
                        <li><a href="">女士馆</a></li>
                        <li><a href="">女士馆</a></li>
                        <li><a href="">女士馆</a></li>
                    </ul>
        </div>
        <div class="cate-right">
            <router-view>

            </router-view>
            <!--<ul>
                <li><a href=""><img src="../../images/brand1.png" alt="">
                    <p>耐克</p>
                </a></li>
                <li><a href=""><img src="../../images/brand2.png" alt="">
                    <p>耐克</p>
                </a></li>
                <li><a href=""><img src="../../images/brand3.png" alt="">
                    <p>耐克</p>
                </a></li>
                <li><a href=""><img src="../../images/brand4.png" alt="">
                    <p>耐克</p>
                </a></li>
                <li><a href=""><img src="../../images/brand5.png" alt="">
                    <p>耐克</p>
                </a></li>
                <li><a href=""><img src="../../images/brand6.png" alt="">
                    <p>耐克</p>
                </a></li>
            </ul>-->
        </div>
    </div>
</template>

<script>
    import mui from '../../lib/dist/js/mui.min.js'
    export default {
        data(){
            return{

            }
        },
        methods:{

        },
        mounted() {
            mui('.mui-scroll-wrapper').scroll({
                deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
            });
        }
    }
</script>

<style scoped lang="less">
    .cate-container{
        background-color: #f5f5f5;
        //padding-top: 40px;
        width: 100%;
        .cate-left{
            width: 80px;
            //background-color: pink;
            //height: 100px;
            height: auto;
            margin-right: 10px;
            float: left;
            overflow: hidden;
            ul{
                width: 100%;
                //padding-top: 44px;
                margin: 0;
                padding-left: 0;
                .now{
                    background: #fff;
                    border-right: none;
                }
                li{
                    list-style: none;
                    height: 50px;
                    text-align: center;
                    line-height: 50px;
                    background: #f3f4f5;
                    border-bottom: 1px solid #ccc;
                    border-right: 1px solid #ccc;
                    a{
                        color: #0f0f0f;
                    }

                }
            }
        }
        .cate-right{
            height: auto;
            //background-color:green;
            margin-left: 90px;
            overflow: hidden;
            /*ul{
                width: 100%;
                list-style: none;
                padding: 0;
                li{
                    width: 33.333%;
                    float: left;
                    a{
                        display: block;
                        img{
                            width: 100%;
                        }
                        p{
                            text-align: center;
                        }
                    }
                }
            }*/

        }
    }
</style>